<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>高清视频播放</title>
	<link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
	<header class="header"></header>
	<article class="content">
		<div class="player">
			<div class="playerCnt">
				<div class="playerMain">
					<div class="playerWin">

					</div>
					<div class="playerCtrlPanel">
						<span class="process">
							
						</span>
						<span class="currProc">
							
						</span>
						<span class="prev">
							prev
						</span>
						<span class="play">
							play
						</span>
						<span class="pause">
							pause
						</span>
						<span class="stop">
							stop
						</span>						
						<span class="next">
							next
						</span>
						<span class="time">
							<span class="currTime">
								00:00
							</span>
							/
							<span class="timeLength">
								00:00
							</span>							
						</span>
						<span class="volume">
							vol
							<span class="volumeBar">
								<span class="currVolume">
								
								</span>
							</span>
						</span>
					</div>
				</div>
				<div class="playerList">
					<div class="recommand currList">
						推荐视频
					</div>
					<div class="mine">
						我的列表
					</div>
					<div class="listCnt">
						<ul class="listRec show jp-playlist">
							<ul>
								<!-- The method Playlist.displayPlaylist() uses this unordered list -->
								<li></li>
							</ul>
						</ul>
						<ul class="listMine">
							<li class="lists">
								<span class="videoName">
									空山鸟语第1集
								</span>
								<span class="videoPlay">
									播放次数：
									<span class="videoPlaySum">
										789
									</span>
								</span>
							</li>							
						</ul>
					</div>
				</div>
			</div>
			<div class="handleBar clear">
				<span class="videoTitle">
					
				</span>
				<span class="videoFavor">
					收藏
				</span>
				<span class="videoScore">
					分数：<span class="score">
							0.00
						</span><br />
						<span class="scorePanel">
							<span class="scores">5</span><br />
							<span class="scores">4</span><br />
							<span class="scores">3</span><br />
							<span class="scores">2</span><br />
							<span class="scores">1</span><br />
						</span>
						<span class="isScored">
							您已经评过分
						</span>
				</span>
				<span class="videoUpload">
					上传视频
				</span>
			</div>
		</div>
	</article>
	<div class="dialogRegister">
		<input type="text" class="account" placeholder="用户名" required>
		<br />
		<input type="password" class="password" placeholder="密码" required>
		<br />
		<button class="confirm">
			注册
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	<div class="dialogLogin">
		<input type="text" class="account" placeholder="用户名" required>
		<br />
		<input type="password" class="password" placeholder="密码" required>
		<br />
		<button class="confirm">
			登录
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	<div class="dialogUpload">
			<input type="file" name="files" class="files" id="fileUpload" accept=".mp4">
			<br />
			<select name="type" class="sort">
			<option value="0">请选择分类</option>
			<option value="1">动画</option>
			<option value="2">电影</option>
			<option value="3">电视剧</option>
			<option value="4">微视频</option>
		</select>
		<br />
		<textarea class="description" placeholder="视频描述"></textarea>
		<br />
		<div id="uploadProgress">
			<div class="uploadProgressBar"></div>
		</div>
		<button class="confirm">
			确定
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	
	<div class="layer"></div>
	<script src="/static/js/jquery-1.10.js"></script>
	<script src="/static/js/jplayer.js"></script>
	<script src="/static/js/jplayer.playlist.js"></script>
	<script src="/static/js/template.js"></script>
	<script src="/static/js/jquery.ui.widget.js"></script>
	<script src="/static/js/jquery.iframe-transport.js"></script>
	<script src="/static/js/jquery.fileupload.js"></script>
	<script type="text/javascript" src="/static/js/func.js"></script>
	<script type="text/javascript" src="/static/js/index.js"></script>
	<script type="text/html" id="tpl-loginNav">
		<div class="nav">
			<span class="register">
				注册
			</span>			
			<span class="login clear">
				登录
			</span>
		</div>
	</script>
	<script type="text/html" id="tpl-personal">
		<div class="nav">
			<span class="logout clear">
				注销
			</span>
			<span class="personal">
				<a href="./user.html" target="_blank" title="个人中心">
				{{list.userName}}
				</a>
			</span>			
		</div>
	</script>
	<script type="text/html" id="tpl-listRec">
	{{each list}}
		<li class="lists" title="{{$value.videoName}}">
			<a href="http://localhost/html5/html/index.html#videoId={{$value.videoPath}}">
				<span class="videoName">
					{{$value.videoName}}
				</span>
				<span class="videoPlay">
					播放次数：
					<span class="videoPlaySum">
						{{$value.playSum}}
					</span>
				</span>
			</a>
		</li>
	{{/each}}
	</script>
</body>
</html>